<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="blog, 个人博客" />
    <meta name="Description" content="个人博客" />
    <meta name="author" content="driftluo" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <link rel="icon" type="image/webp" href="/images/head.webp" />
    <title>{% block title %}{% endblock title %}</title>
    <script src="/js/jquery-3.2.1.min.js"></script>
    <script src="/js/moment.js"></script>
    <link href="//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    <script src="//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/admin.css">
    {% block css %}{% endblock css %}
    <script>
        $(document).ready(function () {
            var trigger = $('.hamburger'),
                isClosed = false;

            trigger.click(function () {
                hamburger_cross();
            });

            function hamburger_cross() {

                if (isClosed === true) {
                    trigger.removeClass('is-open');
                    trigger.addClass('is-closed');
                    isClosed = false;
                } else {
                    trigger.removeClass('is-closed');
                    trigger.addClass('is-open');
                    isClosed = true;
                }
            }

            $('[data-toggle="offcanvas"]').click(function () {
                $('#wrapper').toggleClass('toggled');
            });
        });
    </script>
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
            <ul class="nav sidebar-nav">
                <li class="sidebar-brand">
                    <a href="/index">
                        博客首页
                    </a>
                </li>
                <li>
                    <a href="/admin">首页</a>
                </li>
                <li>
                    <a href="/admin/list">文章列表</a>
                </li>
                <li>
                    <a href="/admin/unpublished">未发布列表</a>
                </li>
                <li>
                    <a href="/admin/tags">标签</a>
                </li>
                <li>
                    <a href="/admin/users">用户</a>
                </li>
                <li>
                    <a href="/admin/ip">访问记录</a>
                </li>
                <li>
                    <a href="/admin/notify">通知</a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i></i> Dropdown <span
                            class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li class="dropdown-header">Dropdown heading</li>
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li><a href="#">Separated link</a></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
        </nav>

        <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>
            <span class="hamb-bottom"></span>
        </button>

    </div>
    <div>
        {% block body %}{% endblock body %}
    </div>
    <footer class="container col-sm-12 col-md-12 col-xs-12">
        <hr>
        <div class="text-center">
            <a href="https://github.com/driftluo">
                <svg aria-hidden="true" class="octicon octicon-mark-github" height="32" version="1.1"
                    viewBox="0 0 16 16" width="32">
                    <path fill-rule="evenodd"
                        d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z">
                    </path>
                </svg>
            </a>
        </div>
        <p class="text-center">Copyright © Luo Chao 2017-</p>
    </footer>
    {% block script %}{% endblock script %}
</body>

</html>
